 
#header{
	width:100%;
	height:149px;
	border-top:5px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc; 
	}
#header div{
	width:1020px;
	margin:0 auto;
	}
#header div p{
	font-size:14px;
	color:#999;
	line-height:18px;
	text-align:right;
	padding-top:48px;
	}
.hello ul p font,#header div p font{
	font-size:24px;
	color:#0089d4;
	}
.indexlogo{
	margin-top:33px;
	float:left;
	}
#nav a{
	font-size:16px;
	color:#333;
	border-top:5px solid #dcdcdc;
	padding:70px 15px 20px;
	display:block;
	}
#nav ul{
	float:left;
	margin:-5px 0 0 25px;
	}
#nav li{
	float:left;
	}
#nav a:hover{
	color:#0089d4;
	border-top:5px solid #0089d4;
	}
#imgshow{
	height:545px;
	}

.titlecenter{
	width:1020px;
	margin:0 auto;
	display:table;f
	}

/*============== index img show ===============*/
#full-screen-slider { width:100%; height:545px; float:left; position:relative}
#slides { display:block; width:100%; height:545px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:52.3%; top:490px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:26px; height:26px; float:left; margin-left:15px; border-radius:50%; background:#FFF }
#pagination li a { display:block; width:26px; height:26px;
font-size:12px; 
line-height:26px;
text-align:center;
color:#000; }
#pagination li.current { 
border:2px solid #fff;
background:#000;
margin-top:-2px;
}
#pagination li.current a{
	color:#fff;
	font-size:20px; 
	}
/*============== index img show end ===============*/
.title_template{
	width:100%;
	background:#f6f6f6;
	min-height:200px;
	text-align:center;
	} 
.title_template h3{
	font-size:72px;
	color:#333; 
	padding-top:55px;
	}
.title_template h3 font{
	color:#00b8f5;
	}
.title_template p{
	color:#666;
	font-size:13px;
	line-height:1.4em;
	margin-top:15px; 
	}
.title_template p a{
	color:#00b8f5;
	background:url(../images/icon.png) right 1px no-repeat;
	padding-right:15px;
	font-size:13px;
	}
.title_template p a:hover{
	text-decoration:underline;
	}
.border-r{
	border-right:1px dashed #e5e5e5;
	}
.border-b{
	border-bottom:1px dashed #e5e5e5;
	}
.services{
	position:relative;
	height:660px; 
	}
.services ul li{
	width:290px;
	padding:30px 24px 0;
	height:300px;
	float:left; 
	text-align:center;
	}
.services ul li p{
	font-size:13px;
	color:#666;
	}
.services ul li a{
	display:block;
	}
.services ul li h2{
	font-size:24px;
	color:#000;
	}
.services ul li a img{
	padding:25px 0 15px;
    transition: all 0.15s ease-in-out 0.1s;
	}
.services ul li a:hover img{
	padding:20px 0;
	}
.services ul li a:hover p{
	color:#333;
	}
.services .whiteblock1,.services .whiteblock2{
	display:block;
	height:30px;
	width:30px;
	background:#fff;
	position:absolute;
	top:345px;
	}
.services .whiteblock1{
	left:323px;
	}
.services .whiteblock2{
	left:663px;
	}
.clients{
	padding:30px 0;
	}
.clients li {
    float: left;
    height: 120px;
    width: 204px;
}
.clients li a{
	display:block;
	}
.clients li a:hover{
	margin-top:-5px;
	}
.chinese{
	height:449px;
	background:#040406 url(../images/title-bg.jpg) right top no-repeat;
	}
.chinese .titlecenter h3{
	color:#fff779;
	}
.chinese .titlecenter p{
	color:#fff;
	font-size:20px;
	line-height:1.9em;
	margin-top:35px;
	} 
.indexblog{
	background:url(../images/columbg.gif); 
	}
.blog{
	width:550px;
	float:left;
	padding:30px 15px 25px 20px;
	}
.culum-title{
	width:100%;
	height:26px;
	border-bottom:1px dashed #666;
	display:block;
	font-size:20px;
	}
.blog ul li{
	margin:15px 0 6px;
	display:inline-block;
	}
.blog ul li span{
	width:55px;
	text-align:center;
	font-family:Impact;
	font-size:20px;
	color:#ff3300;
	float:left;
	}
.blog ul li div{
	border-bottom:1px  dashed #ccc;
	padding-bottom:15px;
	width:495px;
	float:left;
	}
.blog ul li div h4 a{
	font-size:14px;
	color:#000;
	font-weight:bold;
	}
.blog ul li div h4 a:hover{
	color:#ff3300;
	}
.blog ul li div p{
	font-size:13px;
	color:#666;
	height:33px;
	line-height:1.2em;
	overflow:hidden;
	} 
.blogmorr{
	width:100%;
	height:40px;
	background:#ccc;
	line-height:40px;
	font-size:24px;
	color:#999;
	text-align:center;
	margin-top:12px;
	border-radius:3px;
	}
.blogmorr:hover{
	color:#333;
	background:#ff3300;
	}
.Contact{
	width:405px;
	float:left;
	padding:30px 15px 0 10px;
	}
.Contact p{
	font-size:13px;
	color:#666; 
	line-height:1.2em;
	margin-top:15px;
	}
.inputstyle01{
	background:#fff;
	width:310px;
	height:33px;
	border:none;
	padding:0 5px;
	margin-left:5px;
	font-family:Rockwell;
	border-radius:3px;
	font-size:14px;	
	}
.Contact table td{
	height:45px;
	font-size:14px;
	color:#666; 
	}
.Contact table{
	margin-top:14px;
	}
.inputstyle02{
	width:320px;
	height:40px;
	line-height:40px;
	font-size:24px;
	color:#fff;
	text-align:center;
	background:#00B8F5;
	border:none;
	cursor:pointer;
    transition: all 0.3s ease-in-out 0s;
	margin-left:5px;
	font-family:Rockwell;
	border-radius:3px;
	}
.inputstyle02:hover{
	background:#009df3;
	}

.footer{
	background:#f1f1f1 url(../images/index-logo.png) center no-repeat;
	padding-top:30px;
	height:150px;
	position:relative;
	margin-top:50px;
	}
.hello,.aboutus{
	width:325px;
	}
.aboutus ul{
	height:104px;
	overflow:hidden;}
.aboutus li{
	width:100%;
	border-bottom:1px  dashed #ccc;
	}
.aboutus li a{
	font-size:14px;
	color:#666;
	height:35px;
	line-height:35px;
	}
.aboutus li a:hover{
	color:#000;
	}
.hello ul p{
	font-size:14px;
	color:#999;
	line-height:18px;
	padding:15px 0 10px;
	border-bottom: 1px dashed #CCCCCC;
	}

.hello li{
	font-size:14px;
	color:#999;
	}
.hello li a img{
    transition: all 0.15s ease-in-out 0.1s;
	vertical-align:middle;
	margin:-2px 3px 0 5px;
	filter:alpha(opacity=50); /*IE滤镜，透明度50%*/ 
	-moz-opacity:0.5; /*Firefox私有，透明度50%*/ 
	opacity:0.5;/*其他，透明度50%*/
	}
.hello li a:hover img{
	filter:alpha(opacity=80); /*IE滤镜，透明度50%*/ 
	-moz-opacity:0.8; /*Firefox私有，透明度50%*/ 
	opacity:0.8;/*其他，透明度50%*/
	}

#services{
	background:#000 url(../images/services_titlebg.jpg) top left no-repeat;
	}
#servicesv2{
	background:#103754 url(../images/services_titlebgv2.jpg) top center no-repeat;
	}
#blogtitle{
	background:#000 url(../images/blog_titlebg.jpg) top left no-repeat;
	}
#aboutyiva{
	background:#000 url(../images/aboutyiva_titlebg.jpg) top center no-repeat;
	}
#clients{
	background:#000 url(../images/clients_titlebg.jpg) top center no-repeat;
	}
#chinesemarket{
	background:#000 url(../images/chainamaket_titlebg.jpg) right top no-repeat;
	}
#clients .titlecenter h3,#aboutyiva .titlecenter h3,#blogtitle .titlecenter h3,#servicesv2 .titlecenter h3,#services .titlecenter h3,#serviclients_titlebgcesv2 .titlecenter p,#services .titlecenter p,#blogtitle .titlecenter p,#aboutyiva .titlecenter p,#clients .titlecenter p,#chinesemarket .titlecenter p{
	color:#fff;
	}
#chinesemarket .titlecenter h3,#blog .titlecenter font,#aboutyiva .titlecenter font,#servicesv2 .titlecenter font,#services .titlecenter font,#clients .titlecenter font{
	color:#00B8F5;
	}
#chinesemarket .titlecenter font{
	color:#fff779;
	}
.services_sublist li{
	float: left;
    margin: 0 15px;
    text-align: center;
    width: 140px;
	}
.services_sublist li a{
	color: #666;
    font-size: 13px;
	display:block;
	height:185px;
	}
.services_sublist li a img{
	padding:25px 0 15px;
    transition: all 0.3s ease-in-out 0s;
	}
.services_sublist li a:hover img{
	padding:20px 0;
	}
.services_sublist li a:hover{
	color:#333;
	}
.summary{
	width:100%;
	color:#333;
	}
.meta-top h1,.summary-colum h6,.summary font{
	font-size:40px; 
	}
.summary-colum p,.summary p{
	margin-top:15px;
	font-size:15px;
	line-height:1.1em;
	}
.summary-colum{
	padding:20px;
	text-align:left;
	}
.summary-colum h6,.summary-colum p{
	width:550px;
	float:left; 
	}
.summary-colum h6{
	margin-top:75px;
	}
.summary-colum-no{
	background:none;
	}


.backToTop {
	width:71px;
	height:0;
	padding-top:32px;
	overflow:hidden;
	background:url(../images/backtopicon.png) no-repeat;       
    position: absolute;
    _position: absolute;
    left:50%;
	top:-32px;
	margin-left:-35px;
    bottom: 100px;
    _bottom: "auto";
    cursor: pointer; 
	text-indent:-999;
} 

.subnav{
	height:65px;
	background:#eee;
	line-height:65px;
	}
.subnav li{
	width:170px;
	text-align:center;
	float:left;
	}
.subnav li a{
	display:block;
	height:65px;
	color:#666;
	font-size:14px;
	background: url(../images/icon-a-bg.gif) -25px bottom no-repeat;
	} 
.subnav li a.sub-active,.subnav li a:hover{
	background: url(../images/icon-a-bg.gif) bottom center no-repeat;
	color:#000;
	}

.content{
	width:680px;
	}
.sidebar{
	width:325px;
	margin-left:15px;
	}
.meta-top img{
	padding-right:25px;
	}
.content-txt .meta-top p{
	font-size:18px; 
	line-height:1.2em;
	color:#333;
	margin-top:10px;
	}
.content-txt p{
	font-size:14px;
	color:#333;
	}
.contactus{
	width:295px;
	padding:15px;
	background:#00b8f5;
	font-size:24px;
	color:#fff;
	text-align:center;
	}
.but-style01{
	display:block;
	width:100%;
	height:40px;
	background:#0089d4;
	font-size:22px;
	color:#fff;
	text-align:center;
	line-height:40px;
	border-radius:3px;
	}
.but-style01:hover{
	background:#0076b6;
	}
.contactus p{
	line-height:1.1em;
	text-align:left;
	}
.contactus a img{
    transition: all 0.15s ease-in-out 0.1s;
	vertical-align:middle;
	margin:15px 3px 0 5px;
	filter:alpha(opacity=50); /*IE滤镜，透明度50%*/ 
	-moz-opacity:0.5; /*Firefox私有，透明度50%*/ 
	opacity:0.5;/*其他，透明度50%*/
	}
.contactus a:hover img{
	filter:alpha(opacity=100); /*IE滤镜，透明度50%*/ 
	-moz-opacity:1; /*Firefox私有，透明度50%*/ 
	opacity:1;/*其他，透明度50%*/
	}
.subbloglist li{
	width:310px;
	margin:0 15px;
	float:left;
	}
.blogname-h{
	font-size:18px;
	width:100%;
	display:block;
	color:#333;
	margin-bottom:5px;
	}
.blogtag{
	font-size:14px;
	color:#999;
	display:block;
	width:100%;
	margin:10px  0 5px;
	}
.blogtag:hover{
	color:#666;
	}
.time{
	font-size:12px;
	color:#333;
	}
.subbloglist li:hover .blogname-h{
	color:#0089d4;
	}
.subbloglist li a img {
    border: 1px solid #E7E7E7;
    height: 250px;
    margin-bottom: 10px;
    transition: all 0.15s ease-in-out 0.1s;
    width: 325px;
}
.subbloglist li:hover a img{
	filter:alpha(opacity=80); /*IE滤镜，透明度50%*/ 
	-moz-opacity:0.8; /*Firefox私有，透明度50%*/ 
	opacity:0.8;/*其他，透明度50%*/
	}

#aboutyiva-subnav li{
	display:inline-table;
	width:auto;
	margin-right:60px;
	}
#contactus_form{
	width:100%;
	padding:30px 0 0;
	}
#contactus_form .inputstyle01{
	border:1px solid #d7d7d7;
	border-radius:0;
	width:595px;
	}
#contactus_form textarea.inputstyle01{
	height:120px;
	padding:10px;
	line-height:1.4em;
	width:585px;
	}
#contactus_form .inputstyle02{
	width:607px;
	}
#contactus_form p{
	line-height:1.7em;
	color:#666;
	}
.clients_list ul{
	margin-top:-30px;
	}

.clients_list ul li{
	margin-top:30px;
	}
.join{
	text-align:left;
	}

.join a img{
    transition: all 0.15s ease-in-out 0.1s;
	vertical-align:middle;
	margin:15px 3px 0 5px;
	filter:alpha(opacity=80); /*IE滤镜，透明度50%*/ 
	-moz-opacity:0.8; /*Firefox私有，透明度50%*/ 
	opacity:0.8;/*其他，透明度50%*/
	}
.join a:hover img{
	filter:alpha(opacity=100); /*IE滤镜，透明度50%*/ 
	-moz-opacity:1; /*Firefox私有，透明度50%*/ 
	opacity:1;/*其他，透明度50%*/
	}
.content .subbloglist li{
	margin:0;
	width:680px;
	border-bottom:1px dashed #e5e5e5;
	padding-bottom:30px;
	margin-bottom:30px;
	}
.content .subbloglist li img{
	float:left;
	padding-right:15px;
	}
.content .subbloglist li .blogtag{
	margin:0 0 5px;
	}
.content .subbloglist li p{
	font-size:14px;
	color:#666;
	line-height:1.15em;
	}
.content .subbloglist li p a{
	color:#00B8F5;
	display:block;
	text-decoration:underline;
	}
.subbloglist a.blogmorr{
	margin:0;
	}
.columtitle{
	color:#009df3;
	font-size:24px;
	display:block;
}

.blogsearch .but-style03{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right: none;
	height:45px;
	line-height:45px;
	color:#666;
	font-size:18px;
	padding-left:15px;
	width:200px;
	 font-family:"Rockwell";
	}
.blogsearch .but-style04{
	font-family:"Rockwell";
	font-size:18px;
	background:#00B8F5;
	color:#fff;
	height:49px;
	width:109px;
	border:none;
	cursor:pointer;
    transition: all 0.15s ease-in-out 0.1s;
	}
.blogsearch .but-style04:hover{
	background:#0090df;
	}
.Categories li{
	height:42px;
	width:95%;
	padding-left:5%;
	background:#ebebeb;
	margin-bottom:5px;
	}
.Categories li:hover{
	background:#009df3;
	}
.Categories li a{
	height:42px;
	display:inline-block;
	line-height:42px;
	background:url(../images/icon.png) right -37px no-repeat;
	font-size:14px;
	padding-right:15px;
	color:#666;
	}

.Categories li:hover a{
	display:block;
	width:95%;
	background:url(../images/icon.png) right -92px no-repeat;
	color:#fff;
	}
.Recent ul li{
	width:100%;
	margin-bottom:25px;
	float:left;
	}
.Recent ul li p{
	width:100%;
	background:#ebebeb; 
	color:#333;
	line-height:1.4em;
	font-size:14px;
	}
.Recent ul li p span{ 
	padding:20px;
	display:block;
	color:#333;
	}
.Recent ul li p font{
	font-size:16px;
	width:100%;
	display:block;
	color:#999;
	}
.Recent ul li a{
	display: inline-block;
	height:50px;
	line-height:40px;
	padding-left:60px;
	font-size:14px;
	color:#009df3;
	background:url(../images/recent-icon.gif) 15px top no-repeat;
	}
.Recent ul li .recenttime{
	display:inline-block;
	font-size:12px;
	line-height:40px;
	margin-left:10px;
	color:#CCC;
	}
.Recent ul li a img{
	vertical-align: middle;
	padding-right:10px;
	margin-top:5px;
	width:45px;
	height:45px;
	}
.Recent ul li a:hover{
	text-decoration:underline;
}
.meta-top .time{
	color:#999;
	}
.page a{
	float:left;
	background:#ccc;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#fff; 
	}
.page a:hover{
	background:#009df3;
	}
.page a font{
	font-size:38px;
	vertical-align:bottom;
	margin:0 10px;
	}
.page a.pre{
	width:339px;
	border-right:1px solid #fff;
	}
.page a.next{
	width:340px;
	text-align:right;
	}
.Contact p.f_l{
	margin:0;
	}
#contactus_form .Recent li{
	margin-bottom:10px;
	}  

#contactus_form .culum-title{
	color:#ccc;
	border-bottom: 1px dashed #999;
	height:35px;
	}
.clients li  img{
    width: 100%;
}








